<template>
  <div class="col-header-write">
    <HeaderBtns :btnsShowPart="btnsShowPart" />
    <div class="header-write-input-item" style="margin-top: 12px;">
      <Title />
    </div>
    <div class="header-write-input-item">
      <FlowPath />
    </div>
  </div>
</template>

<script>
  // 顶部按钮
  import HeaderBtns from './btns';
  import Title from './title';
  import FlowPath from './flowPath';

  export default {
    name: 'headerView',
    components: {
      HeaderBtns,
      Title,
      FlowPath
    },
    data() {
      return {
        // 顶部工具栏按钮显示哪些部分
        btnsShowPart: 'all'
      };
    }
  };
</script>

<style lang="scss" scoped>
  .col-header-write {
    .header-write-input-item {
      margin-top: 8px;
    }

  }
</style>
